{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta charset="utf-8" />
        <title>{{ title }}</title>
        <meta name="description" content="" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <!-- bootstrap & fontawesome -->
        <link rel="stylesheet" href="{% static "css/bootstrap.css" %}" />
        <link rel="stylesheet" href="{% static "css/font-awesome.css" %}" />
        <!-- page specific plugin styles -->
        <!-- text fonts -->
        <link rel="stylesheet" href="{% static "css/ace/ace-fonts.css" %}" />
        <!-- ace styles -->
        <link rel="stylesheet" href="{% static "css/ace/ace.css" %}" class="ace-main-stylesheet" id="main-ace-style" />
        <!--[if lte IE 9]>
            <link rel="stylesheet" href="{% static "css/ace-part2.css" %}" class="ace-main-stylesheet" />
        <![endif]-->
        <!--[if lte IE 9]>
            <link rel="stylesheet" href="{% static "css/ace-ie.css" %}" />
        <![endif]-->
        <!-- inline styles related to this page -->
        <!-- ace settings handler -->
        <script src="{% static "js/jquery.js" %}"></script>
        <script src="{% static "js/jquery-ui.js" %}"></script>
        <script src="{% static "js/ace-extra.js" %}"></script>
        <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->
        <!--[if lte IE 8]>
            <script src="{% static "js/html5shiv.js" %}"></script>
            <script src="{% static "js/respond.js" %}"></script>
        <![endif]-->
        {% block page_specific_media %}
        {% endblock %}
        {% block page_inline_scripts %}
        {% endblock %}
    </head>
    <body class="no-skin">
        <!-- #section:basics/navbar.layout -->
        {% block topbar %}
        {% endblock %}
        <!-- /section:basics/navbar.layout -->
        <div class="main-container" id="main-container">
            <script type="text/javascript">
                try{ace.settings.check('main-container' , 'fixed')}catch(e){}
            </script>

            <!-- #section:basics/sidebar -->
            {% block sidebar %}
            {% endblock %}
            <!-- /section:basics/sidebar -->

            {% block content %}
            {% endblock %}

            {% block footer %}
            {% endblock %}

            <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
                <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
            </a>
        </div>
        <!-- /.main-container -->
        <!-- basic scripts -->
        <!--[if !IE]> -->
        <script type="text/javascript">
            window.jQuery || document.write("<script src='{% static 'js/jquery.js' %}'>"+"<"+"/script>");
        </script>
        <!-- <![endif]-->
        <!--[if IE]>
            <script type="text/javascript">
                window.jQuery || document.write("<script src='{% static 'js/jquery1x.js' %}'>"+"<"+"/script>");
            </script>
        <![endif]-->
        <script type="text/javascript">
            if('ontouchstart' in document.documentElement) document.write("<script src='{% static 'js/jquery.mobile.custom.js' %}'>"+"<"+"/script>");
        </script>
        <script src="{% static "js/bootstrap.js" %}"></script>
        <!-- page specific plugin scripts -->
        <!-- ace scripts -->
        <script src="{% static "js/ace/elements.scroller.js" %}"></script>
        <script src="{% static "js/ace/elements.colorpicker.js" %}"></script>
        <script src="{% static "js/ace/elements.fileinput.js" %}"></script>
        <script src="{% static "js/ace/elements.typeahead.js" %}"></script>
        <script src="{% static "js/ace/elements.wysiwyg.js" %}"></script>
        <script src="{% static "js/ace/elements.spinner.js" %}"></script>
        <script src="{% static "js/ace/elements.treeview.js" %}"></script>
        <script src="{% static "js/ace/elements.wizard.js" %}"></script>
        <script src="{% static "js/ace/elements.aside.js" %}"></script>
        <script src="{% static "js/ace/ace.js" %}"></script>
        <script src="{% static "js/ace/ace.ajax-content.js" %}"></script>
        <script src="{% static "js/ace/ace.touch-drag.js" %}"></script>
        <script src="{% static "js/ace/ace.sidebar.js" %}"></script>
        <script src="{% static "js/ace/ace.sidebar-scroll-1.js" %}"></script>
        <script src="{% static "js/ace/ace.submenu-hover.js" %}"></script>
        <script src="{% static "js/ace/ace.widget-box.js" %}"></script>
        <script src="{% static "js/ace/ace.settings.js" %}"></script>
        <script src="{% static "js/ace/ace.settings-rtl.js" %}"></script>
        <script src="{% static "js/ace/ace.settings-skin.js" %}"></script>
        <script src="{% static "js/ace/ace.widget-on-reload.js" %}"></script>
        <script src="{% static "js/ace/ace.searchbox-autocomplete.js" %}"></script>
    </body>
</html>

